<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>抽奖</title>
    <link href="style.css" rel="stylesheet" type="text/css" />
    <link href="bf-style.css" rel="stylesheet" type="text/css" />
    <script src="jquery-1.11.0.min.js"></script>
    <script src="common.js"></script>
    <script src="main.js"></script>
    <script src="keyboard.js"></script>

</head>
<body>
<div style='text-align:center;font-size: 40px;'>
    2016年植物生理生态研究所新春联欢会
</div>

<table>
    <tr>
        <td class="left">

            <div id='title' style='font-size: 49px;'>
                <span id='J_name'> </span>
            </div>

            <div id='minERinfo' style='font-size: 30px;'>
                <li><span class='big_num' id='jp'><span></li>
                <li>参与人数 <span id='cjrs' class='big_num'></span></li>
                <li>已抽人数 <span id='yichou' class='big_num'></span></li>
                <li>剩余名额 <span id='mingEr' class='big_num'></span></li>
            </div>

        </td>
        <td class='right'>
            <img id='jp_img' src=''>
        </td>
    </tr>
</table>
<div class="zheZhao" id='hjmd'></div>
<div class="zheZhao" id="haoma"></div>
<div class="zheZhao-black" id="help">
    <div>快捷键</div>
    <div>返回主界面 : Esc (任意界面有效，号码滚动时除外)</div>
    <div>菜单 : M (任意界面有效，号码滚动时除外)</div>
    <div>获奖名单 : L (任意界面有效，号码滚动时除外)</div>
    <div>开始摇奖 : Enter (仅在主界面有效)</div>
    <div>停止摇奖 : Enter (仅在号码滚动时有效)</div>
    <div>上一奖项 : ← (仅在主界面有效)</div>
    <div>下一奖项 : → (仅在主界面有效)</div>
    <div>上一奖项获奖名单 : ← (仅在获奖名单界面有效)</div>
    <div>下一奖项获奖名单 : → (仅在获奖名单界面有效)</div>
    <div class="btn" onclick="select_JiangXiang('b')" >点此进入附加抽奖</div>
</div>

<div id="menu" class='zheZhao'>
    <div class='btns' style="font-size: 50px">
        <span onclick="toMain()" >主界面</span>

        <span onclick="start()" >开始</span>
        <span onclick="ok()" >停止</span>

        <span onclick="showMD()" >获奖名单</span>
    </div>
</div>

</body>
</html>